﻿
    /* to hide search icon*/

    /* to display desktop Events & Talks and mobile Events & Talks */
    @media all and (min-width: 992px) {
        #mobile-eventstalks {
            display: none !important;
        }

        #subChildStyle #subChildMenu2 {
            position: absolute;
            top: 40px;
        }
    }


    @media all and (max-width: 991px) {

        #mobile-eventstalks {
            display: block !important;
        }

        #desktop-eventstalks {
            display: none !important;
        }

        #navbarSupportedContent .megamenu-mainbox-itam {
            background-color: transparent !important;
            padding-left: 20px;
            padding-right: 20px;
        }
    }

    /* to display desktop Events & Talks and mobile Events & Talks */
    .nav-link p {
        margin-bottom: 0px !important;
        padding-bottom: 17px !important;
    }

    header {
        position: fixed;
        top: 0px;
        right: 0px;
        left: 0px;
        background-color: #fff !important;
        z-index: 100 !important;

    }

    .navbar {
        padding: .5rem 15px;
    }

    .header-border {
        border-bottom: 8px solid #ffc905 !important;
    }

    .dropdown-divider {
        height: 0;
        margin: .5rem 0 !important;
        overflow: hidden;
        border-top: 1px solid #e9ecef;
    }

    #header {
        position: relative;
        max-width: 1500px;
        width: 100%;
        margin: 0 auto;
    }

    /*for mobile view arrow header start*/
    @media (max-width: 991px) {
        .text-list-li .megamneup::after {
            font-family: "FontAwesome";
            content: "\f077";
            color: #222;
            display: block;
            float: right;
            font-size: 20px;
            font-weight: normal;
        }

        .text-list-li .megamneup.collapsed::after {
            content: "\f078" !important;
        }

    }

    /*end*/

    .megamenu-mainbox {
        background-color: #f5f5f5 !important;

    }

    #main-navber {
        margin-top: 10px;
        padding-bottom: 0px;
        ;
    }

    .navbar-brand {
        max-width: 200px;
        width: 100%;
        margin-top: -20px;
    }

    #topbar {
        position: absolute;
        z-index: 1;
        /*right: 9%; */
         right: 0%;
        top: -5px;

    }

    .topbtext a {
        color: #999 !important;
        font-size: 12px !important;
    }

    #navbarSupportedContent #subChildStyle>.collapse {
        position: absolute;
        padding-top: 15px !important;
    }

    .header-logo {
        width: 150px;
        height: 85px;
    }

    .megamenu {
        position: static;
    }

    #megamenu .dropdown-menu,
    .text-box-border {
        border-top: 8px solid #ffc905 !important;
        z-index: 2;
    }

    .megamenu .dropdown-menu {
        background: none;
        border: none;
        width: 100%;
        margin: 0 auto;
        padding: 0px;
    }

    #navbarSupportedContent {
        margin-top: 30px;
    }

    #navbarSupportedContent ul {
        margin-bottom: 0px !important;
        /*margin: 0 auto !important */
    }

    #entHeader {
        width: 98%;
        padding-right: 20px !;
    }

    .megamenu:hover,
    .megamenu.show {
        border-bottom: 8px solid #ffc905 !important;
    }

    .active-text-list-li {
        border-bottom: 8px #1f539f solid !important;
    }

    .megamneup p {
        font-size: 12px;
        color: #222 !important;
        line-height: 1.2;
        font-weight: 700 !important;
    }

    .megamneup p i {
        font-size: 14px;
        color: #222 !important;
        margin-top: 10px;
    }

    .nav-item a {
        padding: 0px !important;
    }

    .navbar-nav li {
        margin-right: 20px;
        margin-bottom: 0px;
    }

    .dropdown-divider {
        border-bottom: 1px solid #999 !important;
    }

    .megamenu.search-icon,
    .megamenu.iwanto-btn {
        margin-top: 18px;
        margin-left: 80px;
    }

    .mobile-list,
    .mobile-search-box,
    .icon-img {
        display: none;
    }

    .search-icon.show,
    .iwanto-btn.show {
        border-bottom: 8px solid rgba(255, 255, 255, 0) !important;
    }

    .iwanto-btn {
        background-color: #65c4de;
        border-bottom: 8px #65c4de solid;
        margin-left: 30px;
        padding: 15px 20px;
    }

    .iwanto-btn .megamneup p {
        color: white !important;
        display: inline;
        line-height: 1;

    }

    .iwanto-btn .nav-link::after {
        /* symbol for "opening" panels */
        font-family: "FontAwesome";
        content: "\f078";
        display: inline-block;
        color: white;
        padding-left: 4px;
        font-weight: normal;
        font-size: 20px;
    }

    .iwanto-btn.show .nav-link::after {
        content: "\f077";
    }

    .icon-text .link-text-iwant p {
        width: 100%;
        color: white;
        margin: 0px !important;
        padding: 10px !important;
        font-size: 20px;
        border-bottom: 0.5px white solid;
        text-transform: capitalize;
    }

    .icon-text {
        background-color: #65c4de;
    }

    .icon-drop-box {
        max-width: 260px !important;
        right: 15px;
        left: auto;
        border: unset;
    }

    .megamenu.iwanto-btn:hover,
    .megamenu.search-icon:hover,
    .megamenu {
        border-bottom: 8px solid rgba(255, 255, 255, 0);
    }


    .search-icon-change::after {
        /* symbol for "opening" panels */
        font-family: "FontAwesome";
        content: "\f002";
        display: inline-block;
        color: #666 !important;
        margin-top: 10px;
        font-weight: normal;
        font-size: 14px;
        max-width: 10px;
    }

    .search-icon.show .search-icon-change::after {
        content: "\f00d";
    }

    .search-icon a {
        position: absolute;
        top: 31px;
        right: 0px;
    }

    .sub-menuitem-list .sub-menuitem {
        margin: 0px !important;
    }

    .sub-menuitem-list .dropdown-divider {
        margin-left: 0px !important;
    }

    .sub-menuitem a {
        font-size: 16px;
        color: #222;
        text-transform: capitalize;
    }

    .right-div,
    .mid-div {
        max-width: 500px;
        width: 100%;
    }

    .secondnavimenu-image .bannerimage200 {
        margin-top: 20px;
    }

    .megamenu-list,
    .megamenu-image,
    .megamenu-sideimage {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .megamenu-mainbox-itam {
        padding: 20px;
        background-color: #ffc905 !important;
       /* width: 200px !important;*/

    }

    .search-box-nav input {
        width: 100% !important;
    }

    .navbar-toggler.collapsed::before {
        /* symbol for "opening" panels */
        font-family: "FontAwesome";
        content: "\f0c9";
    }

    .navbar-toggler::before {
        /* symbol for "opening" panels */
        font-family: "FontAwesome";
        content: "\f00d";
        display: inline-block;
        color: #1f539f;
        font-weight: normal;
        font-size: 30px;
        border: unset;
        position: absolute;
        right: 15px;
        margin-top: -8px;
    }

    .has-search .form-control {
        padding-left: 2.375rem;
    }

    .has-search .form-control-feedback {
        position: absolute;
        z-index: 2;
        display: block;
        width: 2.375rem;
        height: 2.375rem;
        line-height: 2.375rem;
        text-align: center;
        pointer-events: none;
        color: #aaa;
    }

    #custom-search-input-desk,
    #custom-search-input-mob {
        margin: 0;
        padding: 0;
        background-color: #f5f5f5 !important;
    }

    .form-control {
        border: 0.5px solid #999;
    }

    #custom-search-input-desk .search-query,
    #custom-search-input-mob .search-query {
        width: 90%;
        padding: 20px;
        margin: 30px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 0px;

    }

    #custom-search-input-desk button,
    #custom-search-input-mob button {
        border: 0;
        background: none;
        /** belows styles are working good */
        margin-right: 30px;
        margin-top: 28px;
        padding: 10px;
        position: absolute;
        right: 0;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 50px;
        color: gray;
        cursor: unset;
        z-index: 3;
    }

    .icon-box-item a :hover {
        opacity: 0.5;
    }

    .desktop-hide {
        display: none;
    }

    @media all and (max-width: 1500px) {
        #header {
            width: 95%;


        }

        .megamenu.search-icon {
            margin-top: 40px;
            margin-left: 0px;
        }

        .sub-menuitem a {
            font-size: 16px;

        }
    }

    @media all and (max-width: 1300px) {

        /* .megamenu.search-icon, .megamenu.iwanto-btn {
    margin-top: 45px;

}*/
        .megamenu.iwanto-btn {
            margin-left: 60px;
        }

        .search-icon a {
            right: 0px;
            top: 40px;
        }

        .sub-menuitem a {
            font-size: 16px;

        }

        .megamneup p {
            font-size: 12px !important;
            margin-bottom: 14px;
        }

        #navbarSupportedContent {
            margin-top: 30px;
        }
    }

    @media all and (max-width: 1020px) {
        .navbar-nav li {
            margin-left: 20px;
        }
    }

    @media all and (max-width: 1279px) {
        #navbarSupportedContent {
            margin-top: 30px;
        }

        .megamenu-mainbox {
            padding: 0px;
        }

        .sub-menuitem a {
            font-size: 16px !important;
        }

        .secondnavimenu-image .bannerimage200 {
            margin-top: 12px;
        }

        .megamenu.search-icon {
            margin-left: 0px !important;
            margin-top: 55px;
        }

        /*.megamenu.iwanto-btn {
    margin-left:50px !important;
    margin-top: 40px;
  } */
        .iwanto-btn {
            padding: 15px;
        }

        .search-icon-change::after {
            /* symbol for "opening" panels */
            margin-top: 0px !important;
        }


        .icon-drop-box {
            max-width: 200px !important;
        }

        .icon-text p {
            font-size: 16px !important;

        }

        .megamenu.iwanto-btn {
            margin-left: 60px;
        }

        .navbar-brand {
            max-width: 130px;
        }
    }

    @media (min-width: 992px) and (max-width: 1080px) {
        .search-icon a {
            right: 0px !important;
            top: 40px !important;
        }
    }

    @media (min-width: 1081px) and (max-width: 1145px) {
        .search-icon a {
            right: 0px !important;
            top: 40px !important;
        }
    }

    @media (min-width: 1145px) and (max-width: 1200px) {
        .search-icon a {
            right: 0px !important;
        }
    }

    @media all and (max-width: 991px) {
        .megamenu.iwanto-btn {
            margin-left: 0px !important;
            margin-top: 55px;
        }

        #header {
            width: 100%;
        }

        .search-icon-change::after {
            /* symbol for "opening" panels */
            margin-top: 5px !important;
        }

        .navbar-toggler {
            padding-right: 15px;
        }

        .navbar-brand {
            margin: 15px;
            padding: 0px;
        }

        .header-border {
            border-bottom: 0px !important;
        }

        .desktop-hide {
            display: block;
        }

        .active-text-list-li {
            border-bottom: unset !important;
        }

        .nav-item .megamneup {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        .megamenu-mainbox {
            background-color: white !important;
        }

        .megamenu.search-icon {
            margin-top: 0px;
            margin-left: 0px;
        }

        .megamenu.iwanto-btn {
            margin-top: 5px;
            margin-left: 0px;
        }

        .search-iconu.show .megamneup::after {
            font-family: "FontAwesome";
            content: "" !important;
        }

        .iwanto-btn,
        .search-icon,
        .search-icon .dropdown-menu {
            position: relative;
            bottom: 0px;
            margin: 0px;
            text-align: center;
            width: 100%;
        }

        .iwanto-btn {
            padding: 15px;
        }

        .iwanto-btn .megamneup {
            padding: 0px;
            line-height: 1;
        }

        .search-icon a {
            top: -63px;
            right: 65px;
        }

        #main-navber {
            position: relative;
            max-height: unset;
            margin-top: 0px;
            padding: 0px;
        }

        #custom-search-input-desk,
        #custom-search-input-mob {
            background-color: white !important;
        }

        #custom-search-input-desk .search-query,
        #custom-search-input-mob .search-query {
            margin: 10px;
            border: 1px #666 solid !important;
        }

        #custom-search-input-desk button,
        #custom-search-input-mob button {
            border: 0;
            background: none;
            margin-right: 20px;
            margin-top: 10px;
            padding: 10px;
            position: absolute;
            right: 0;
            margin-bottom: 0;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 50px;
            color: gray;
            cursor: unset;
            z-index: 3;
        }

        #navbarSupportedContent {
            margin-top: 0px;
        }

        .icon-drop-box .megamenu-box .bg-white {
            background-color: #65c4de !important;
            padding: 20px 0px;

        }

        .desktop-br,
        .item-d,
        .desktop-list,
        #topbar,
        .desktop-seasrch-box,
        .search-non {
            display: none !important;
        }

        .mobile-list,
        .search-bl {
            display: block !important;
        }

        .mobile-search-box {
            position: relative;
        }

        .megamneup p {
            font-size: 22px !important;
            margin-bottom: 0px !important;
        }

        .megamenu.iwanto-btn:hover,
        .megamenu.search-icon:hover,
        .megamenu {
            border-bottom: 0px !important;
        }

        /*.text-list-li .megamneup::after {
    /* symbol for "opening" panels 
    font-family: "FontAwesome";
    content: "\f078";
    color: #222;
    display: block;
    float: right;
    font-size: 20px;
    font-weight: normal;
  }
  .text-list-li .megamneup.No-acc::after {
    content: "";
  }

  .text-list-li.show .megamneup::after {
    /* symbol for "opening" panels 
    font-family: "FontAwesome";
    content: "\f077" !important;
  }*/
        .text-list-li .megamneup {
            display: flex;
            justify-content: space-between;
        }

        .navbar-nav li {
            margin-left: 0px;
            margin-right: 0px;
        }

        #megamenu .dropdown-menu,
        .megamenu-box {
            border-top: none !important;
        }

        .sub-menuitem a {
            line-height: 2;
        }

        .megamenu-mainbox-itam {
            padding: 10px;
        }

        .megamenu-list,
        .megamenu-image,
        .megamenu-sideimage {
            padding-right: 30px !important;
            padding-left: 30px !important;
        }

        .sub-menuitem a {
            font-size: 20px !important;
        }

        .icon-box-nav {
            display: flex;
            justify-content: space-evenly;
            padding: 15px;
            text-align: center;
            margin: 0 auto;
        }

        .icon-box-item,
        .icon-img {
            margin: 0 auto;
            text-align: center;
            width: 100%;
        }

        .icon-box-item {
            max-width: 200px;
        }

        .icon-img {
            max-width: 90px;
            max-height: 100px;
            display: block;
        }

        .icon-text p {
            color: #fff;
            background-color: unset;
            padding: 0px;
            border-bottom: 0px;
            text-transform: capitalize;
        }

        .icon-drop-box {
            max-width: 100% !important;
            right: unset;
            left: 0px !important;
            border: unset;
            z-index: 99999;
        }
    }

    @media all and (max-width: 576px) {
        #header {
            width: 100%;
        }

        .megamneup p {
            font-size: 18px !important;
            line-height: unset;
        }

        .sub-menuitem a {
            font-size: 16px !important;
        }

        .search-icon a {
            top: -63px;
        }
    }

    @media all and (max-width: 479px) {
        .icon-img {
            max-width: 60px;
            max-height: 80px;
        }
    }


    @media all and (max-width: 360px) {
        div.show:nth-child(2)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>div:nth-child(1)>ul:nth-child(1)>li:nth-child(1)>a:nth-child(1) {
            line-height: 1.3;
            padding-bottom: 3px !important;

        }
    }



    /*-
div.show:nth-child(2) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > a:nth-child(1) > p:nth-child(1) {
   text-transform: none !important;
  }

  .mobile-iwantto > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:nth-child(2) > a:nth-child(1) > div:nth-child(2) > p:nth-child(1) {
    text-transform: none;
    }-*/
